<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1.0,user-scalable=no">
    <title>监控控制台</title>
    <link href="${_setting.props.ResourceCtx!'/rs'}/jsrep/3rd/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
    <link href="${_setting.props.ResourceCtx!'/rs'}/themes/room/sinotn.css" rel="stylesheet">
    <style>
      html{height: 100%;}
      body{
        height: 100%;
        padding-top: 65px;
      }
      .pannel{
        padding: 10px 10px 5px 13px;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
      }
      .query{
        padding-bottom: 8px;
      }
      .checkbox-width{
        width:30px;
      }
      #buttons > button{
        margin-left: 5px;
      }
      .seat-block .glyphicon{
        cursor: pointer;
        margin-left:3px;
      }
      .none-match-seat{
        color:red;
      }
      #examinee-stat{
        position: fixed;
        top: 2px;
        right: 5px;
        z-index: 1001;
        font-size: 14px;
      }
      #examinee-stat span{
        padding-left: 5px;
      }
      .bootstrap-table{
        background-color: #fff;
      }
      .op-action{
        cursor:pointer;
        margin-right: 8px;
        position:relative;
      }
      .op-action > .glyphicon{
        margin-right: 5px;
        cursor: pointer;
      }
      .computer-state .glyphicon{
        margin-right: 5px;
      }
      .sortable {
        padding-right: 15px!important;
      }
      .no-server{
        color: red;
        border: 2px #CCC dashed;
        text-align: center;
        padding: 10px 0;
        font-size: 20px;
      }
    </style>
    <#include "/include/iecompatibility.html"/>
    <script src="${_setting.props.ResourceCtx!'/rs'}/jsrep/master/require.config.js"></script>
    <script data-main="master/exam/console.js" src="${_setting.props.ResourceCtx!'/rs'}/jsrep/3rd/requirejs/min.2.2.0.js"></script>
  </head>
  <body>
  <div id="pannel" class="pannel">
    <div class="query">
      <form class="form-inline" role="form">
        <div id="layout1" class="clearfix" style="display: inline-block;"></div>
        <div class="clearfix" style="display: inline-block;">
          <label class="pull-left control-label" style="padding-top:6px;">考试场次：</label>
          <div id="examRound" class="pull-left"></div>
        </div>
        <div class="clearfix" style="display: inline-block;">
          <button biz-id="query" class="pull-left btn btn-info btn-sm" type="button">
          <span class="glyphicon glyphicon-repeat"></span>刷新
          </button>
        </div>
      </form>
    </div>
    <div id="buttons"></div>
  </div>
  <div id="seat_container">
    <div class="no-server">未有注册考试服务器监测</div>
  </div>
  <div id="examinee-stat">
    <div class="total-count"><i class="glyphicon glyphicon-gift"></i>总服务:<span>0</span></div>
    <div class="submit-count"><i class="glyphicon glyphicon-ok" style="color:green;"></i>在线数:<span>0</span></div>
    <div class="answer-count"><i class="glyphicon glyphicon-ban-circle" style="color:blue;"></i>离线数:<span>0</span></div>
  </div>
  </body>
</html>
